<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="style/index.css">
    <title>Lesson管理系统</title>
    <!--小图标文件，来自：font/bootstrap-icons.min.css-->
    <link rel="stylesheet"
          href="bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/font/bootstrap-icons.min.css">
    <!--css文件，来自：css/bootstrap.min.css-->
    <link rel="stylesheet" href="bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/css/bootstrap.min.css">


</head>
<body>
<div class="main-1" style="width: 900px;height: 470px">
    <div class="left-1"></div>
    <div class="right-1">
        <p>登录</p>
        <label for="usernameIpt">
            <input id="usernameIpt" class="input-1" type="text" placeholder="用户名"/>
        </label>
        <label for="passwordIpt">
            <input id="passwordIpt" class="input-1" type="password" placeholder="密码"/>
        </label>
        <!--登录按钮-->
        <button id="loginBtn" class="button" style="margin-top: 35px;height: 33px" >
            <p style="margin-bottom: 20px; font-size: 20px;">Login</p>
        </button>
        <div>
            <a class="login-sns-item" href="#">
                <img src="static/image/微信图标.jpg" href="#" style="height: 40px;width: 40px;border-radius: 50%;margin-top: 33px" alt="该图片下班了...">
            </a>
            <span>微信登录</span>
            <a class="login-sns-item" href="#">
                <img src="static/image/QQ.png" href="#" style="height: 40px;width: 40px;border-radius: 50%;margin-top: 33px" alt="该图片走丢中...">
            </a>
            <span>QQ登录</span>
            <a class="login-sns-item" href="#">
                <img src="static/image/微博.png" href="#" style="height: 40px;width: 40px;border-radius: 50%;margin-top: 33px" alt="该图片去旅游中...">
            </a>
            <span>微博登录</span>
        </div>
        <form>
            <a href="#">找回密码</a>
            <a href="#">忘记密码</a>
        </form>
    </div>
</div>

    <!--ajax文件引入-->
    <script src="script/ajax.js"></script>
    <!--页面样式文件-->
    <script src="script/index.js"></script>
    <!--核心文件-->
    <script src="bootstrap-4.6.2-dist/bootstrap-icons-1.10.5/jquery-3.6.0.js"></script>
</form>
</body>